<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>标签demo</title>
    <style> 
    .tag {
    display: inline-block;
    padding: 0.2em 0.6em 0.3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25em;
    margin-right: 0.5em;
}

.tag-android { background-color: #3DDC84; }
.tag-pc { background-color: #2196F3; }
.tag-web { background-color: #FF9800; }
    </style>
</head>
<body>
    <span class="tag tag-pc">pc</span>
    <span class="tag tag-web">web</span>
    <span class="tag tag-android">android</span>
</body>
</html>